<template>
  <!-- components: Footer -->
  <footer class="footer text-center py-4 text-secondary bg-light mt-6">
      <small>
        <p>© 2021 知乎专栏</p>
        <ul class="list-inline mb-0">
          <li class="list-inline-item">课程</li>
          <li class="list-inline-item">文档</li>
          <li class="list-inline-item">联系</li>
          <li class="list-inline-item">更多</li>
        </ul>
      </small>
    </footer>
</template>

<script lang = "ts">
import { defineComponent } from 'vue'

// 对setup函数进行封装，返回options的对象
export default defineComponent({
  // 页面名称
  name: 'GlobalFooter'
})
</script>

<style lang = "css" scoped>
.footer{
  margin-top: 3rem;
}
.footer small p{
  margin-bottom: 0;
}
</style>
